<!DOCTYPE html>
<html>
    <head>        
        <title>Renju</title>                
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="style/common.css" media="screen" />
        <script type="text/javascript" src="js_files/jQuery.js"></script>     
        <script type="text/javascript" src="js_files/createGame.js"></script>
    </head>
    <body>
        <div class="content">
            <#include "include/header_logout.html">
            <label class="validation">${error}</label>

            <form action="?request=createdGame" onsubmit="return validateForm();" method="post" name="gameCreation">
                <table>
                    <tr>
                        <td>Time (in minutes)</td>
                        <td>
                            <input type="text" name="time" id="timeInput" />
                        </td>         
                        <td>
                            <label class="validation" id="timeError"></label>
                        </td>
                    </tr>
                    <tr>
                        <td>Start rule</td>
                        <td>
                            <input type="checkbox" name="startRule"/> 
                        </td>          
                        <td></td>
                    </tr>
                </table>
                <input type="submit" value="Create" >
            </form>                        
        </div>
    </body>
</html>
